﻿<UserControl
    x:Name="scene"
    x:Class="BasicLight.Client.Includes.Scene"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:BasicLight.Client.Includes"
    xmlns:include="using:BasicLight.Client.Includes"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="768"
    d:DesignWidth="1366" VerticalAlignment="Top">
    
    <UserControl.Resources>
    </UserControl.Resources>
    
    <Grid>
        <Grid.Background>
            <SolidColorBrush Color="{StaticResource Blue-ThemeColor}"/>
        </Grid.Background>
        
        <Grid>
            <Ellipse Width="300" Height="300" RenderTransformOrigin="0.5,0.5">
                <Ellipse.Fill>
                    <ImageBrush ImageSource="/Assets/SquareLoading.png"/>
                </Ellipse.Fill>
                
                <Ellipse.RenderTransform>
                    <RotateTransform x:Name="radioLogoRotate" Angle="10"/>
                </Ellipse.RenderTransform>
            </Ellipse>
        </Grid>

        <StackPanel HorizontalAlignment="Left" VerticalAlignment="Center">
            <Button x:Name="playButton" Height="52" Width="52" Margin="34,0,0,0" Click="CloseClick">
                <Button.Template>
                    <ControlTemplate>
                        <Grid Width="52" Height="52">
                            <Border CornerRadius="20,0,0,0" Background="Transparent" Width="52" Height="52" BorderThickness="1.2,1.2,0,0" BorderBrush="White"/>
                            <Border CornerRadius="0,0,20,0" Background="Transparent" Width="52" Height="52" BorderThickness="0,0,1.2,1.2" BorderBrush="White"/>
                            <Line Stroke="White" StrokeThickness="1.2" X1="18" Y1="14" X2="38" Y2="26"/>
                            <Line Stroke="White" StrokeThickness="1.2" X1="18" Y1="38" X2="38" Y2="26"/>
                            <Line Stroke="White" StrokeThickness="1.2" X1="17" Y1="14" X2="17" Y2="38"/>
                        </Grid>
                    </ControlTemplate>
                </Button.Template>
            </Button>

            <Button x:Name="stopButton" Height="52" Width="52" Margin="34,34,0,0" Click="CloseClick">
                <Button.Template>
                    <ControlTemplate>
                        <Grid Width="52" Height="52">
                            <Border CornerRadius="20,0,0,0" Background="Transparent" Width="52" Height="52" BorderThickness="1.2,1.2,0,0" BorderBrush="White"/>
                            <Border CornerRadius="0,0,20,0" Background="Transparent" Width="52" Height="52" BorderThickness="0,0,1.2,1.2" BorderBrush="White"/>
                            <Rectangle StrokeThickness="1.2" Stroke="White" Margin="15"/>
                        </Grid>
                    </ControlTemplate>
                </Button.Template>
            </Button>
        </StackPanel>

        <StackPanel HorizontalAlignment="Right" VerticalAlignment="Center">
            <Button x:Name="closeButton" Height="52" Width="52" Margin="0,0,34,0" Click="CloseClick">
                <Button.Template>
                    <ControlTemplate>
                        <Grid Width="52" Height="52">
                            <Border CornerRadius="20,0,0,0" Background="Transparent" Width="52" Height="52" BorderThickness="1.2,1.2,0,0" BorderBrush="White"/>
                            <Border CornerRadius="0,0,20,0" Background="Transparent" Width="52" Height="52" BorderThickness="0,0,1.2,1.2" BorderBrush="White"/>
                            <!--<Rectangle Fill="White" Width="26" Height="26" HorizontalAlignment="Right" VerticalAlignment="Top"/>
                            <Rectangle Fill="White" Width="26" Height="26" HorizontalAlignment="Left" VerticalAlignment="Bottom"/>-->
                            <Line Stroke="White" StrokeThickness="1.2" X1="14" Y1="14" X2="38" Y2="38"/>
                            <Line Stroke="White" StrokeThickness="1.2" X1="14" Y1="38" X2="38" Y2="14"/>
                        </Grid>
                    </ControlTemplate>
                </Button.Template>
            </Button>
        </StackPanel>
    </Grid>
</UserControl>
